<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>To Tania, with love</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- 背景动效 -->
  <div class="heart-rain"></div>
  <div class="circle circle-left"></div>
  <div class="circle circle-left-mirror"></div>
  <div class="circle circle-2"></div>
  <div class="circle circle-2-mirror"></div>
  <div class="circle circle-3"></div>
  <div class="circle circle-3-mirror"></div>
  <div class="circle circle-4"></div>
  <div class="circle circle-4-mirror"></div>
  <div class="circle circle-5"></div>
  <div class="circle circle-5-mirror"></div>
  <div class="circle circle-6"></div>
  <div class="circle circle-6-mirror"></div>
  <div class="circle circle-7"></div>
  <div class="circle circle-7-mirror"></div>
  <div class="circle circle-8"></div>
  <div class="circle circle-8-mirror"></div>

  <!-- 主体内容 -->
  <div class="container">
    <h1 class="title">To Tania, with all my love 💕</h1>
    <p class="subtitle">纪念我们在一起的第2月</p>
    <div class="hearts">
      <span class="heart" style="--i:1;"></span>
      <span class="heart" style="--i:2;"></span>
      <span class="heart" style="--i:3;"></span>
      <span class="heart" style="--i:4;"></span>
      <span class="heart" style="--i:5;"></span>
    </div>
    <button onclick="goToStory()" class="heart-button">❤️点击开始</button>
  </div>

  <script src="script.js"></script>
</body>
</html>
